<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="../admin/authority.jsp" %>

<html>
<head>
<%@include file="headScriptAD.jsp"%>
<link href="${pageContext.request.contextPath}/libraries/jquery-ui-1.10.4/css/cupertino/jquery-ui-1.10.4.custom.min.css" rel="stylesheet" />
<script type="text/javascript" src="${pageContext.request.contextPath}/libraries/jquery-ui-1.10.4/js/jquery-ui-1.10.4.custom.min.js" ></script> 
<script type="text/javascript"
	src="${pageContext.request.contextPath}/assets/js/admin/menuScript.js"></script>
	
<!-- END JAVASCRIPT -->

<style type="text/css">
.bs-example {
	padding: 20px 15px 15px 15px;
	margin: 0 -15px 15px;
	border-color: #e5e5e5 #eee #eee;
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	margin-left: 30px;
	margin-top: 10px;
}
.ui-state-default {
	height: 5em;
	line-height: 5em;
}
</style>


</head>
<body>
	<div class="wrapper">

		<%@ include file="../fragments/header.jsp"%>

		<div id="detail-area" class="clearfix" style="min-height: 680px;">


			<div class="col-sm-12 col-xs-12">
				<div id="navigator-bar">
					<i class="fa fa-home"></i> จัดการเมนู (Menu Management)
				</div>
				<!--End navigator-bar-->
				<!-- Start detail-area -->
				<div>
					<div id="page-header" class="clearfix">
						<div>จัดการเมนู (Menu Management)</div>
					</div>
					<!-- Start form-detail -->
					<div class="form-list clearfix"
						style="margin-top: -30px; min-height: 450px;">

						<div class="menu" id="0"></div>
						<div align="center" style="margin-top: 80px;">
							<button type="button" class="btn btn-primary" onclick="saveData()"><i class="fa fa-floppy-o"></i> บันทึก</button>
						</div>
					</div>
					<div class="modal fade" id="messageModal" tabindex="" role="dialog"
						aria-labelledby="failModal" aria-hidden="true">
						<div class="modal-dialog" style="width: 400px">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-hidden="true">&times;</button>
									<h4 class="modal-title">กรุณาเลือกข้อมูลให้ถูกต้อง</h4>
								</div>
								<div class="modal-body">
									<span class="fa-stack fa-lg mr-10" style="color:#0C0"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-check fa-stack-1x fa-inverse"></i> </span>
									<span id="modal_content_message"> </span>
								</div>
								<div class="modal-footer" style="text-align: center;">
									<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="glyphicon glyphicon-ok"></i> ตกลง</button>
								</div>
							</div>
						</div>
					</div>
					<!-- End Form-list -->
				</div>
				<!-- End detail-area -->
				<div id="footer-detail">Copyright © สงวนลิขสิทธิ์ พ.ศ.2557 โดย
					การประปานครหลวง</div>

			</div>
		</div>
		<!-- End Detail-area-->
	</div>
	<!-- End Wrapper -->
</body>
</html>